<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
              aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">underthesea<sup>
                <span id="live-label" class="label label-info">
                    <span id="live-icon">•</span> v1.3.5</span>
      </sup></a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li ui-sref-active="active"><a ui-sref="syntax">Syntax</a></li>
        <li ui-sref-active="active"><a ui-sref="ner">Entity Recognition</a></li>
        <li ui-sref-active="active"><a ui-sref="classification">Text Classification</a></li>
        <li ui-sref-active="active"><a ui-sref="sentiment">Sentiment</a></li>
        <li ui-sref-active="active"><a ui-sref="dictionary">Dictionary</a></li>
          <li ui-sref-active="active"><a ui-sref="ipa">IPA</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
          <a target="_blank" href="https://github.com/undertheseanlp/underthesea">
            <i class="fa fa-github" aria-hidden="true"></i>
            Github
          </a>
        </li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>
